<template>
  <div class="huh">
    <van-button round type="info" class="button1" to="/Login">登录</van-button>
    <!-- <van-button round type="info" class="button3" to="/Index">测试中</van-button> -->
    <!-- <van-button round type="info" class="button2" to="/Register">注册</van-button> -->
  </div>
</template>

<script>
export default {
  name: "startPage",
  mounted(){
    if (window.innerWidth > 768) {
    this.$router.push('/PCLogin');  // 根据屏幕宽度路由到 PCLogin 页面
  }
  }
};

</script>

<style scoped>
.huh {
  background-image: url("../../static/beijing.jpg");
  /* 设置背景图片不重复 */
  background-repeat: no-repeat;
  /* 设置背景图片覆盖整个容器 */
  background-size: cover;
  /* 确保背景图片始终位于容器的中心 */
  background-position: center center;
  /* 设置容器的高度为100vh以确保它占据整个视口高度 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -999; /* 确保图片在其他内容之下 */
}
/* body{
        background-image: url("../../static/beijing.jpg");
    } */
.button1 {

  width: 80%;
  height: 50px;
  position: fixed;
  bottom: 20px; /* 距离屏幕底部的距离 */
  z-index: 999; /* 确保按钮在其他内容之上 */
  /* padding: 10px 20px; 可选，设置按钮的样式 */
  background-color: #339fe7; /* 可选，设置按钮的背景色 */
  color: white; /* 可选，设置按钮的文字颜色 */
  border: none; /* 可选，移除按钮边框 */
  cursor: pointer; /* 可选，设置鼠标悬停时的样式 */
  left: 10%;
}
/* .button2 {
  width: 100px;
  height: 50px;
  position: fixed;
  bottom: 20px; 
  z-index: 999; 
  padding: 10px 20px; 
  background-color: #2dba45; 
  color: white; 
  border: none; 
  cursor: pointer; 
  right: 20px;
} */


</style>

<style>
/* .van-cell::after{
  border-color: #0061f3;
  display: inline-block;
}
.van-cell:last-child::after{
  border-color: #0061f3;
  border-top: 0px solid #0061f3;
  display: inline-block;
}
.van-hairline--top::after {
    border-width: 1px ;
    border-color: #0061f3;
}
.van-hairline::after{
  border-color: #0061f3;
}

.van-collapse-item__wrapper {
    border-bottom: 1px solid blue;
} */

.van-field{
  /* background-color: #212121; */
  /* max-width: 190px; */
  /* height: 40px; */
  /* padding: 10px; */
  /* text-align: center; */
  border: 1px solid rgb(0, 50, 63);
  border-radius: 5px;
  /* box-shadow: 3px 3px 2px rgb(249, 255, 85); */
}

.van-field:focus {
  color: rgb(0, 255, 255);
  background-color: #212121;
  outline-color: rgb(0, 255, 255);
  box-shadow: -3px -3px 15px rgb(0, 255, 255);
  transition: .1s;
  transition-property: box-shadow;
}

</style>